/*音乐播放器*/
.jAudio--player{width:100%;height:100%;background:#4e4e4e url(../images/yinpin-bj.jpg) no-repeat;}
.jAudio--player:after {content: " ";display: block;width: 100%;clear: both;}
.jAudio--player .jAudio--ui {position: relative;width: 100%;}
.jAudio--player .jAudio--status-bar{width:100%;z-index:1;position:relative;padding:0 20%;display:table;}
.jAudio--player .jAudio--status-bar:after {content: " ";display: block;width: 100%;clear: both;}
.jAudio--player .jAudio--controls{padding:5% 20%;}
.jAudio--player .jAudio--controls:after {content: " ";display: block;width: 100%;clear: both;}
.jAudio--player .jAudio--controls ul {display: table;overflow: hidden;width: 100%;}
.jAudio--player .jAudio--controls ul:after {content: " ";display: block;width: 100%;clear: both;}
.jAudio--player .jAudio--controls li {position: relative;width: 33.3333%;height: 80px;line-height:80px;float: left;}
.jAudio--player .jAudio--thumb {position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-size: cover;background-position: center center;}
.jAudio--player .jAudio--time {display: table;width: 100%;}
.jAudio--player .jAudio--time:after {content:"";display: block;width: 100%;clear: both;}
.jAudio--player .jAudio--time *{width:50%;display:block;float:left;color:#fff;text-shadow:0 1px 1px #000;font-size:18px;}
.jAudio--player .jAudio--time .jAudio--time-elapsed {text-align: left;}
.jAudio--player .jAudio--time .jAudio--time-total {text-align: right;}
.jAudio--player .jAudio--details * {color: #fff;text-shadow: 0 1px 1px #000;font-size: 1.2rem;}
.jAudio--player .jAudio--details *:first-of-type {font-weight: bold;}
.jAudio--player .jAudio--details p {width: 100%;}
.jAudio--player .jAudio--details p span {display: block;}
.jAudio--player .jAudio--progress-bar {margin:30% 0 50px;}
.jAudio--player .jAudio--progress-bar .jAudio--progress-bar-wrapper {width: 100%;position: relative;background: rgba(255, 255, 255, 0.3);cursor: pointer;border-radius: 10px;overflow: hidden;}
.jAudio--player .jAudio--progress-bar .jAudio--progress-bar-played {height: 10px;background: #FF6666;position: relative;border-radius: 10px;}
.jAudio--player .jAudio--progress-bar .jAudio--progress-bar-pointer {height: 10px;width: 10px;border-radius: 50%;position: absolute;right: 0;background: #fff;}
.jAudio--player .jAudio--playlist {background: #fff;}
.jAudio--player .jAudio--playlist .jAudio--playlist-item {display: block;width: 100%;padding: 1.33333rem 2rem;display: table;}
.jAudio--player .jAudio--playlist .jAudio--playlist-item:after {content: " ";display: block;width: 100%;clear: both;}
.jAudio--player .jAudio--playlist .jAudio--playlist-item.active {background: #f55c5c;border-bottom-color: #f55c5c;}
.jAudio--player .jAudio--playlist .jAudio--playlist-item.active * { color: #fff;}
.jAudio--player .jAudio--playlist .jAudio--playlist-item:not(.active):hover {background: #fafafa;}
.jAudio--player .jAudio--playlist .jAudio--playlist-item:last-of-type {border: 0;margin-bottom: 0;}
.jAudio--player .jAudio--playlist .jAudio--playlist-thumb {float: left;margin-right: 0.66667rem;display: table;}
.jAudio--player .jAudio--playlist .jAudio--playlist-thumb:after {content: " ";display: block;width: 100%;clear: both;}
.btn {overflow: hidden;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent;border: 0;}
.btn span{width:80px;height:80px;border-radius:50%;background:#fff;position:absolute;display: table;top:50%;left:50%;cursor: pointer;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);overflow: hidden;}
.btn span:before{position:absolute;left:0;width:80px;height:80px;display:block;content:"";background:url(../images/yinpin-bf.png) no-repeat 2px;background-size:80px auto;}
#btn-pause span:before{background:url(../images/yinpin-zt.png) no-repeat 21px;background-size:40px auto;}
#btn-prev span:before{background:url(../images/yinpin-sys.png) no-repeat 8px;background-size:60px auto;}
#btn-next span:before{background:url(../images/yinpin-xys.png) no-repeat 8px;background-size:60px auto;}
#btn-prev span,#btn-next span{background:rgba(255,255,255,0);}
#btn-prev:active span:before,#btn-next:active span:before{opacity:0.8;}
#btn-play span:after{display:none;}
#btn-pause span:active:before, #btn-pause span:active:after, #btn-pause span.active:before, #btn-pause span.active:after {background: #fff;margin-right: 5px;}
.jAudio--player .jAudio--thumb {-webkit-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
.jAudio--player .jAudio--progress-bar .jAudio--progress-bar-played {-webkit-transition: all 0.2s ease 0s;transition: all 0.2s ease 0s;}
.jAudio--player .jAudio--playlist .jAudio--playlist-item {-webkit-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
.jAudio--player .jAudio--playlist .jAudio--playlist-item * {-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}